<template>
  <div class="welcome">
    <h1>欢迎登录</h1>
  </div>
</template>

<script setup></script>

<style scoped>
.welcome {
  background: url('../components/image/welcome.jpg') no-repeat center center;
  height: 90%;
  width: 90%;
  margin: auto;
  padding: auto;
  border-radius: 20px;
  /* 使用 flexbox 使内容居中 */
  /* display: flex; */
  /* 水平居中 */
  /* justify-content: center; */
  /* 垂直居中 */
  /* align-items: center; */
}

h1 {
  /* display: block; */
  letter-spacing: 30px;
  padding-top: 90px;
  padding-left: 28px;
  font-size: 50px;
  writing-mode: vertical-rl; /* 设置为竖直书写模式 */
  transform: rotate(360deg); /* 旋转180度，使文字从上到下显示 */
  margin: 0; /* 去掉默认的 margin */
}
</style>
